import type {SVGIconProps} from './svgIcon';
import {SvgIcon} from './svgIcon';

interface Props extends SVGIconProps {
  isZoomIn?: boolean;
}

export function IconZoom({isZoomIn = false, ...props}: Props) {
  return (
    <SvgIcon {...props}>
      {isZoomIn ? (
        <path d="M6.75 0C10.48 0 13.5 3.02 13.5 6.75C13.5 8.34 12.95 9.81 12.02 10.96L15.78 14.72C16.07 15.01 16.07 15.49 15.78 15.78C15.49 16.07 15.01 16.07 14.72 15.78L10.96 12.02C9.81 12.95 8.34 13.5 6.75 13.5C3.02 13.5 0 10.48 0 6.75C0 3.02 3.02 0 6.75 0ZM6.75 1.5C3.85 1.5 1.5 3.85 1.5 6.75C1.5 9.65 3.85 12 6.75 12C9.65 12 12 9.65 12 6.75C12 3.85 9.65 1.5 6.75 1.5ZM6.75 3C7.16 3 7.5 3.34 7.5 3.75V6H9.75C10.17 6 10.5 6.33 10.5 6.75C10.5 7.16 10.17 7.5 9.75 7.5H7.5V9.75C7.5 10.16 7.16 10.5 6.75 10.5C6.34 10.5 6 10.16 6 9.75V7.5H3.75C3.34 7.5 3 7.16 3 6.75C3 6.33 3.34 6 3.75 6H6V3.75C6 3.34 6.34 3 6.75 3Z" />
      ) : (
        <path d="M6.75 0C10.48 0 13.5 3.02 13.5 6.75C13.5 8.34 12.95 9.81 12.02 10.96L15.78 14.72C16.07 15.01 16.07 15.49 15.78 15.78C15.49 16.07 15.01 16.07 14.72 15.78L10.96 12.02C9.81 12.95 8.34 13.5 6.75 13.5C3.02 13.5 0 10.48 0 6.75C0 3.02 3.02 0 6.75 0ZM6.75 1.5C3.85 1.5 1.5 3.85 1.5 6.75C1.5 9.65 3.85 12 6.75 12C9.65 12 12 9.65 12 6.75C12 3.85 9.65 1.5 6.75 1.5ZM9.75 6C10.17 6 10.5 6.33 10.5 6.75C10.5 7.16 10.17 7.5 9.75 7.5H3.75C3.34 7.5 3 7.16 3 6.75C3 6.33 3.34 6 3.75 6H9.75Z" />
      )}
    </SvgIcon>
  );
}
